<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body{
            background-color: rgb(210, 213, 215);
            
        }
        .xiao{
            height: 614px;
            width: 912px;
            background-color: rgb(210, 213, 215);
            display: grid;
            grid-template-columns: 234px 234px 234px 234px;
            grid-template-rows: 300px 300px;
            /* grid-row-gap: 14px;
            grid-column-gap: 14px; */
            grid-gap: 14px;
        }
        .lao{
            width: 234px;
            height: 300px;
            background-color: rgb(255, 255, 255);
            text-align: center;
            
        }
        img{
            width: 160px;
            height: 160px;
        }
        .laoda2{
            font-size: 14px;
            color: #aab4f0;
            margin-bottom: 20px;
        }
        .laoda3{
            font-size: 12px;
            color: #bfbcbc;
            padding-top: 10px;
        }
        .laoda4{
            font-size: 16px;
        }
        .lao:hover{
            position: relative;
            transform: scale(1,1);
            top: -2px;
            box-shadow: 0px 0px 10px rgb(123, 131, 124);
        }
        #cloo{
            display: flex;
            justify-content: center;
        }
    </style>
</head>
<body>
    <div id="cloo">
    <div class="xiao">
        <div class="lao">
            <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
            <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
            <font class="laoda3">性能旋风，席卷而来</font><br>
            <font class="laoda2">1990元</font>
        </div>
        <div class="lao">
            <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
            <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
            <font class="laoda3">性能旋风，席卷而来</font><br>
            <font class="laoda2">1990元</font>
        </div>
        <div class="lao">
            <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
            <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
            <font class="laoda3">性能旋风，席卷而来</font><br>
            <font class="laoda2">1990元</font>
        </div>
        <div class="lao">
            <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
            <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
            <font class="laoda3">性能旋风，席卷而来</font><br>
            <font class="laoda2">1990元</font>
        </div>
        <div class="lao">
            <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
            <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
            <font class="laoda3">性能旋风，席卷而来</font><br>
            <font class="laoda2">1990元</font>
        </div>
        <div class="lao">
            <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
            <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
            <font class="laoda3">性能旋风，席卷而来</font><br>
            <font class="laoda2">1990元</font>
        </div>
        <div class="lao">
            <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
            <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
            <font class="laoda3">性能旋风，席卷而来</font><br>
            <font class="laoda2">1990元</font>
        </div>
        <div class="lao">
            <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
            <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
            <font class="laoda3">性能旋风，席卷而来</font><br>
            <font class="laoda2">1990元</font>
        </div>
    </div>
    </div>
</body>
</html>